import { SVGProps } from "react";

export function CardAmex(props: SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="20"
      fill="none"
      viewBox="0 0 24 20"
      {...props}
    >
      <path
        d="M0 10.6879L4.47134 0.598724H8.82803L9.89809 2.8535V0.598724H15.2484L16.1274 2.96815L17.0446 0.598724H22.7006V10.6891L19.1083 14.3185L24 19.4013H17.2357L15.8599 17.7962L14.4459 19.4013H3.63057V10.6879H0Z"
        fill="#306FC5"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M5.5378 2.01274L2.25117 9.38854H4.42952L4.96455 7.93631H8.51869L9.09194 9.38854H11.2321L7.94544 2.01274H5.5378ZM7.90723 6.40765L6.72251 3.57962L5.5378 6.40765H7.90723Z"
        fill="white"
      />
      <path
        d="M21.0919 9.38854V2.01274H17.9964L16.162 6.78981L14.3276 2.01274H11.2703V9.38854H13.1047V3.69427L15.2448 9.38854H17.041L19.1811 3.69427V9.38854H21.0919Z"
        fill="white"
      />
      <path
        d="M5.11742 17.949V10.6879H11.2321V12.293H6.95181V13.5924H11.1174V15.121H6.95181V16.4586H11.2321V17.949H5.11742Z"
        fill="white"
      />
      <path
        d="M20.4805 10.6879L17.0792 14.3185L20.4805 17.949H17.9964L15.8563 15.6178L13.6779 17.949H11.3085L14.6716 14.3185L11.2703 10.6879H13.6779L15.8563 13.0573L18.0728 10.6879H20.4805Z"
        fill="white"
      />
    </svg>
  );
}
